*{
    margin: 0;
    padding: 0;
}
.music{
    display: flex;
    flex-direction: column;
    height: 100vh;
}
.header{
    height: 76px;
    background: #161616;
    color: #fff;
    display: flex;
    padding: 0 16px;
    align-items: center;
}
.body{
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    background: #000000;
}
.footer{
    height: 72px;
    background: #161616;
}
.back,
.more{
    width: 40px;
    height: 40px;
    background: #222;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.title{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.name{
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 500;
    color: rgba(255,255,255,0.8);
}
.singer{
    font-size: 16px;
    font-weight: 300;
}
.icon-gengduo{
    font-size: 24px;
}
.cd{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    padding: 20px,0px;
}
.cd img{
    border-radius: 24px;
    width: 250px;
    height: 250px;
}
.detail{
    display: flex;
    height: 61px;
    padding: 0 32px;
}
.bar{
    padding-top: 32px;
    height: 43px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.change{
    flex: 1;
}
.songname{
    color: rgba(255,255,255,0.8);
    font-size: 24px;
    font-weight: 500;
}
.singers{
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    font-weight: 400;
}
.songtitle{
    display: flex;
}
.time{
    display:flex;
    height: 20px;
    width: 250px;
}
.longer{
    margin-top: 15px;
    height: 12px;
    justify-content: center;
}
.nowtime{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    width: 27px;
    height: 20px;
}
.lasttime{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    width: 27px;
    height: 20px;
}
.black{
    width: 196px;
}
.circle{
    border-radius: 50%;
    background:#0e0a0a;
    width: 8px;
    height: 8px;
}
.part{
    height: 8px;
    width: 311px;
    background: #E6E6E6;
    border-radius: 4px;
}
